<!doctype html>
<html lang="en" class="feedback">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>问题反馈</title>
<link rel="stylesheet" type="text/css" href="../css/mui.min.css" />
<link rel="stylesheet" type="text/css" href="../css/feedback.css" />
</head>

<body>
<div class="mui-content" style="margin-top: 10px;">
		<!-- 理赔类型 -->
		<p>请选择理赔类型</p>
		<div class="mui-card">
			<ul class="mui-table-view">
				<li class="mui-table-view-cell mui-collapse">
					<a class="mui-navigate-right" href="#">食物变质</a>
					<div class="mui-collapse-content">
						<form class="mui-input-group">
							<div class="mui-input-row mui-checkbox">
								<label>香酥腿排堡 × 1 + 上校鸡块</label>
								<input name="checkbox1" value="Item 3" type="checkbox" >
							</div>
							<div class="mui-input-row mui-checkbox">
								<label>黄焖鸡米饭 × 1</label>
								<input name="checkbox1" value="Item 4" type="checkbox" >
							</div>
						</form>
					</div>
				</li>
				<li class="mui-table-view-cell mui-collapse">
					<a class="mui-navigate-right" href="#">存在异物</a>
					<div class="mui-collapse-content">
						<form class="mui-input-group">
							<div class="mui-input-row mui-checkbox">
								<label>香酥腿排堡 × 1 + 上校鸡块</label>
								<input name="checkbox1" value="Item 3" type="checkbox" >
							</div>
							<div class="mui-input-row mui-checkbox">
								<label>黄焖鸡米饭 × 1</label>
								<input name="checkbox1" value="Item 4" type="checkbox" >
							</div>
						</form>
					</div>
				</li>
				<li class="mui-table-view-cell mui-collapse">
					<a class="mui-navigate-right" href="#">致病就医</a>
					<div class="mui-collapse-content">
						<div>请在下方上传门（急）诊材料及发票照片</div>
					</div>
				</li>
			</ul>
		</div>
	<div class="mui-content-padded">	
		<div class="mui-inline">问题详情</div>
		<a class="mui-pull-right mui-inline" href="#popover">
			快捷输入
			<span class="mui-icon mui-icon-arrowdown"></span>
		</a>
		<!--快捷输入具体内容，开发者可自己替换常用语-->
		<div id="popover" class="mui-popover">
			<div class="mui-popover-arrow"></div>
			<div class="mui-scroll-wrapper">
				<div class="mui-scroll">
					<ul class="mui-table-view">
						<!--仅流应用环境下显示-->
						<li class="mui-table-view-cell"><a href="#">食物发霉</a></li>
						<li class="mui-table-view-cell"><a href="#">食用后出现腹泻，恶心</a></li>
						<li class="mui-table-view-cell"><a href="#">食物与店家描述不符</a></li>
						<li class="mui-table-view-cell"><a href="#">米饭中有石子</a></li>
					</ul>
				</div>
			</div>

		</div>
	</div>
	<div class="row mui-input-row">
		<textarea id='question' class="mui-input-clear question" placeholder="请详细描述你的问题以便处理..."></textarea>
	</div>
	<p>图片(选填,提供问题截图,总大小10M以下)</p>
	<div id='image-list' class="row image-list"></div>
	<p>QQ/邮箱</p>
	<div class="mui-input-row">
		<input id='contact' type="text" class="mui-input-clear contact" placeholder="(选填,方便我们联系你 )" />
	</div>
	
	<br />
	<div class="mui-content-padded">
		<button" id="submit" style="margin-bottom: 40px" type="button" class="mui-btn mui-btn-warning mui-btn-block">提交</button>
	</div>
</div>
<script src="../js/mui.min.js"></script>
<script src=" ../js/feedback.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
	mui.init();
	mui('.mui-scroll-wrapper').scroll();
</script>
</body>

</html>